<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>推箱子网页小游戏</title>
		<script src="js/game.js" language="JavaScript" type="text/javascript"></script>
		<style>
			.div2{
				background: url(img/8.jpg);
			}
			.div0{
				margin-top: 1px;
				width: 1024px;
				height: 590px;
				margin: auto;
			}
			.div0 div{
				float: left;
			}
			.div1{
				margin-top: 1px;
				width: 700px;
				height: 590px;
				margin: auto;
			}
			.div2{
				margin-top: 1px;
				width: 290px;
				height: 590px;
				margin: auto;
			}
			.input1{
				background-color: darkgray;
				margin-top: 100px;
				margin-left: 80px;
				width: 150px;
				height: 40px;
				font-size: 12px;
			}
			.input1:hover{
				background-color: darkgray;
				margin-top: 95px;
				margin-left: 60px;
				width: 200px;
				height: 55px;
				font-size: 14px;	
			}
			.input2{
				background-color: darkgray;
				margin-top: 100px;
				margin-left: 80px;
				width: 150px;
				height: 40px;
				font-size: 12px;
			}
			.input2:hover{
				background-color: darkgray;
				margin-top: 95px;
				margin-left: 60px;
				width: 200px;
				height: 55px;
				font-size: 14px;	
			}
			.input3{
				background-color: darkgray;
			
			}
			.input3:hover{
				background-color: darkgray;
				width: 50px;
				height: 30px;
			}
			.sel{
				margin-top: 200px;
				margin-left: 20px;
				width: 60px;
				height: 20px;
				font-size: 12px;
			}
			.spa{
				font-family: "微软雅黑";
			}
			img{
				vertical-align:top;
			}
		</style>
	</head>
	<body  onkeydown="keydown()" class="body1" onload="select()">	
		<audio id="gamemusic1" >
			<source src="img/小旭音乐 - QQ斗地主背景音乐（welcome）.mp3" type="audio/mp3"></source>
		</audio>
		<audio id="gamemusic2" >
			<source src="img/郑冰冰 - 王者荣耀 纯伴奏.mp3" type="audio/mp3"></source>
		</audio>
		<audio id="gamemusic3" >
			<source src="img/青蛙 - 小跳蛙.mp3" type="audio/mp3"></source>
		</audio>
			<div class="div0">
				<div class="div1" id="game"><img src="img/7.png" width="700px" height="590px"/></div>
				<div class="div2" id="window">
					<span class="spa">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;选择关卡：</span><select class="sel" id="sel1" style="cursor: pointer;"></select><input type="button"  class="input3" value="确定" onclick="selectGame()" style="cursor: pointer;"/>
					<input type="button" value="开始游戏" onclick="loadgame()" class="input1" style="cursor: pointer;"/>
					<input type="button" value="重玩"  onclick="gin()" class="input2" style="cursor: pointer;"/>
				</div>
			</div>
	</body>
</html>